<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    样式的冲突
        当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式冲突。
    发生样式冲突时，应用哪个样式由选择器的权重（优先级）决定
    选择器的权重
        内联样式          1000
        id选择器          100
        类和伪类选择器     10
        元素选择器         1
</head>
<body>
   <div id="box1" class="red">
       我是一个div
   </div>
</body>
</html>